<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页</title>
    <link rel="stylesheet" href="../src/css/index.css">
    <link rel="stylesheet" href="../src/css/reset.css">
</head>

<body>
    <div id="head">
        <div class="con">
            <div class="logo">
                <li>
                    <img src="../src/images/logo.png" alt="">
                </li>

            </div>
            <div class="dizhi">
                <li>
                    <img src="../src/images/icon05.png" alt="">
                </li>
                <span>上海市</span>
            </div>
            <div class="chanpin">
                <li>
                    <img src="../src/images/icon01.png" alt="">
                </li>
                <span>所有产品</span>
            </div>
            <div class="shouye">
                <li>
                    <img src="../src/images/home-1.png" alt="">
                </li>
                <span>首页</span>
            </div>
            <div class="cake">
                <li>
                    <img src="../src/images/1.png" alt="">
                </li>
                <span>蛋糕</span>
            </div>
            <div class="xiaochi">
                <li>
                    <img src="../src/images/2.png" alt="">
                </li>
                <span>小食</span>
            </div>
            <div class="more">
                <li>
                    <img src="../src/images/icon02.png" alt="">
                </li>
                <span>更多</span>
            </div>
            <div class="buycar">
                <li>
                    <img src="../src/images/bag1.png" alt="">
                </li>
                <span>购物车</span>
            </div>
            <div class="login">
                <li>
                    <img src="../src/images/login.png" alt="">
                </li>
                <span>
                    <b>登录</b>|
                    <b>注册</b>
                </span>
            </div>
        </div>
    </div>

    <div id="banner">
        <div class="con">
            <ul id="imgwarp">
            <li class="show"><img src="../src/images/banner1.jpg" alt=""></li> 
           <li><img src="../src/images/banner5.jpg" alt=""></li>
           <li><img src="../src/images/banner2.jpg" alt=""></li>
           <li><img src="../src/images/banner3.jpg" alt=""></li>
            </ul>
            
                <ul id="dotwarp"></ul>
                <b id="right"><img src="../src/images/right.png" alt=""></b>
        </div>
    </div>
    <div id="new">
        <div class="con">
            <div class="new-top">
                <i>
                    <img src="../src/images/deng.png" alt="">
                </i>
                <li>
                    <img src="../src/images/knifeFork.png" alt="">
                </li>
                <h2>NEW</h2>
                <span>新品推荐</span>
                <b>New Recommend</b>
            </div>
            <div class="new-photo">
                <div class="p1">
                    <img src="../src/images/p1.jpg" alt="">
                </div>
                <div class="p2">
                    <img src="../src/images/p2.jpg" alt="">
                </div>
                <div class="p3">
                    <img src="../src/images/p3.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <div id="season">
        <div class="con">
            <div class="season-top">
                <li>
                    <img src="../src/images/knifeFork.png" alt="">
                </li>
                <h2>SEASONAL</h2>
                <span>本季推荐</span>
                <b>Seasonal Recommend</b>
            </div>
            <div class="season-photo">
                <img src="../src/images/s1.jpg" alt="">
            </div>
            <div class="sbox">
                <li>
                    <img src="../src/images/ia1.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia2.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia3.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia4.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia5.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia6.jpg" alt="">
                </li>

            </div>
        </div>
    </div>
    <div id="populor">
        <div class="con">
            <div class="populor-top">
                <li>
                    <img src="../src/images/knifeFork.png" alt="">
                </li>
                <h2>Popularity</h2>
                <span>人气推荐</span>
                <b>Popularity Recommend</b>
            </div>
            <div class="populor-photo">
                <img src="../src/images/banner3.jpg" alt="">
            </div>
            <div class="pbox">
                <li>
                    <img src="../src/images/ia11.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia12.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia7.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia8.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia9.jpg" alt="">
                </li>
                <li>
                    <img src="../src/images/ia10.jpg" alt="">
                </li>

            </div>
        </div>
    </div>
    <div id="foot">
        <div class="con">
            <div class="foot-top">
                <div class="top-left">
                    <li>订购热线：1234-678-678（8:00 - 20:00)</li>
                    <li>客服邮箱：cs@cake.com</li>
                    <li>地址：西安市雁塔区南窑国际81号楼</li>
                    <li>食品生产许可证：SC12431010700128</li>
                </div>
                <div class="top-center">
                    <div class="about">
                        <h3>关于我们</h3>
                        <li>企业介绍</li>
                        <li>媒体合作</li>
                        <li>招贤纳士</li>
                        <li>呼叫中心</li>
                    </div>
                    <div class="help">
                        <h3>帮助中心</h3>
                        <li>投诉与建议</li>
                        <li>会员权益</li>
                        <li>购物指南</li>
                        <li>支付类</li>
                        <li>订单相关</li>
                        <li>配送服务</li>
                    </div>
                    <div class="find">
                        <h3>发现</h3>
                        <li>公告</li>
                    </div>
                    <p><img src="../src/images/weibo.png" alt=""></p>
                    <p><img src="../src/images/weixin.png" alt=""></p>
                </div>
            </div>
            <div class="foot-bottom">

            </div>
        </div>
    </div>
</body>

</html>
<script src="../src/js/jquery.min.js"></script>
<script src="../src/js/index.js"></script>